<template>
  <div class="intro">
    <no-ssr>
      <bread :breadList=breadList></bread>
    </no-ssr>
    <pro-service :descript="descript" title='学院简介' selfImg="/img/insert/college-intro.jpg" :serviceitemList=projectService></pro-service>
    <train :trainList="trainData"></train>
    <train-data :mRight=153 :dataList=dataList></train-data>
    <feature-course></feature-course>
  </div>
</template>

<script>
import bread from '@/components/breadcrumb'
import proService from '@/components/publicComponent/proService'
import train from '@/components/college/train'
import trainData from '@/components/college/trainData'
import featureCourse from '@/components/college/featureCourse'
import {collegeTrainList, collegeDataList, authorities, customEnterprise} from '@/api/getData'
export default {
  data () {
      return{
        breadList: [
          {
            text: '国科教育',
            routeName: 'college-intro'
            },
            {
            text: '简介',
            routeName: ''
            }
        ],
        trainData: [],
        dataList: [],
        projectService: [],
        descript: ''
      }
    
  },
  mounted(){
    collegeTrainList.call(this).then(res=>{
          this.trainData = res;
          // console.log(this.trainData)
      })

    collegeDataList.call(this).then(res=>{
        this.dataList = res;
    })
    authorities.call(this, 3).then(res=>{
        this.projectService = res;
    })
    customEnterprise.call(this,1).then(res=>{
      this.descript = res[0].descr;
    })
  },
  components: {
    bread,
    proService,
    train,
    trainData,
    featureCourse
  }
}
</script>

<style lang="stylus" scoped>
.intro{
  width: 1200px;
  padding-top: 20px;
  padding-bottom: 60px;
  margin: 0 auto; 
  border-bottom: 1px solid transparent;
}
</style>
